html,body{height: 100%}

body{
    background-color: #f5f6f8;
}

.f1{
    width: 100%;
    height: 3.24rem;
    background-image: url("../img/jinrong-banner.jpg");
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.wai{
    padding: 0 .4rem;
}
.icon-1{
    font-size: 0;
    padding: 1.47rem .58rem 0 0;
}
.icon-1>i{
    font-size: .78rem;
    color: white;
}
.icon-1>span{
    font-size: .3rem;
    color: white;
}

.icon-1:last-child{
    padding-right: 0;
}



.f2{
    width: 100%;
    background-color: white;
    padding-left: .4rem;
    padding-top: .18rem;
    font-size: 0;
}

.icon>li{
    padding-right: .85rem;
}

.icon>li:last-child{
    padding-right: 0;
}

.icon-2>i{
    font-size: .5rem;
    color: #f347ac;
}
.icon-2>span{
    font-size: .28rem;
    margin-top: .1rem;
}

.icon-3>i{
    font-size: .5rem;
    color: #47b4f3;
}
.icon-3>span{
    font-size: .28rem;
    margin-top: .1rem;
}

.icon-4>i{
    font-size: .5rem;
    color: #4768f3;
}
.icon-4>span{
    font-size: .28rem;
    margin-top: .1rem;
}

.icon-5>i{
    font-size: .5rem;
    color: #f347ac;
}
.icon-5>span{
    font-size: .28rem;
    margin-top: .1rem;
}

.iconf{
    margin-top: .38rem;
    padding-bottom: .24rem;
}

.iconf>li{
    padding-right: .65rem;
}

.iconf>li:last-child{
    padding-right: 0;
}

.icon-6>i{
    font-size: .5rem;
    color: #f347ac;
}
.icon-6>span{
    font-size: .28rem;
    margin-top: .1rem;
}

.icon-7>i{
    font-size: .5rem;
    color: #f89135;
}
.icon-7>span{
    font-size: .28rem;
    margin-top: .1rem;
}

.icon-8>i{
    font-size: .5rem;
    color: #f34eaf;
}
.icon-8>span{
    font-size: .28rem;
    margin-top: .1rem;
}

.icon-9>i{
    font-size: .5rem;
    color: #4768f3;
}
.icon-9>span{
    font-size: .28rem;
    margin-top: .1rem;
}



.f3{
    width: 100%;
    height: 2.34rem;
    background-color: white;
    padding: .22rem .19rem;
    margin-top: .2rem;
}

.f3>div{
    width: 7.12rem;
    height: 1.88rem;
    background-image: url("../img/jinrong-1.png");
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}



.f4{
    width: 100%;
    background-color: white;
    margin-top: .2rem;
}

.mingxi{
    height: .72rem;
    font-size: .32rem;
    padding-left: .24rem;
    border-bottom: 1px solid #eceef3;
}
.mingxi>span{
    width: .06rem;
    height: .34rem;
    background-color: #4768f3;
    display: inline-block;
    margin-right: .18rem;
}

.jine{
    width: 100%;
    height: 1.9rem;
    background-color: white;

}

.wenzizu{
    font-size: 0;
}

.fuhao{
    font-size: .3rem;
    color: #4768f3;
}
.shuzi{
    font-size: .48rem;
    color: #4768f3;
}
.danwei{
    font-size: .24rem;
    color: #4768f3;
}
.wenzizu>p{
    font-size: .28rem;
    color: #5e5e63;
    margin-top: .1rem;
}

.fuhao-1{
    font-size: .3rem;
    color: #0ed485;
}
.shuzi-1{
    font-size: .48rem;
    color: #0ed485;
}
.danwei-1{
    font-size: .24rem;
    color: #0ed485;
}

.kong{
    padding-right: 1rem;
    border-right: 1px solid #eceef3;
}

.kong2{
    padding-left: 1rem;
}



.button{
    width: 100%;
    height: 1.18rem;
    background-color: white;
    border-bottom: 1px solid #eceef3;
}

.button>button{
    width: 7.12rem;
    height: .98rem;
    background-color: #4768f3;
    font-size: .36rem;
    color: white;
    border-radius: 6px;
}

.button>button:active{
    transform: scale(0.98);
}




.f5{
    width: 100%;
    height: .94rem;
    background-color: white;
    padding: 0 .3rem;
    position: absolute;
}


.tb{
    width: 25%;
    font-size: 0;
    padding-top: .09rem;

}

.tb>i{
    font-size: .42rem;
    color: #4768f3;
}
.tb>p{
    font-size: .24rem;
    color: #4768f3;
}

.tb2{
    width: 25%;
    font-size: 0;
    padding-top: .09rem;

}

.tb2>i{
    font-size: .42rem;
    color: #b6b6b6;
}
.tb2>p{
    font-size: .24rem;
    color: #b6b6b6;
}

.yuan{
    width: .14rem;
    height: .14rem;
    background-color: #ff1e1e;
    border-radius: 50%;
    position: absolute;
    left: 4.85rem;
    top: .1rem;
}

